<template>
    <!-- 支付结果 -->
    <div class="payResult ffffff">
        <NavbarBreadcrumb>
            <template v-slot:bread>
                <el-breadcrumb separator="/">
                    <el-breadcrumb-item :to="{ name: 'myOrder' }">我的订单</el-breadcrumb-item>
                    <el-breadcrumb-item>支付结果</el-breadcrumb-item>
                </el-breadcrumb>
            </template>
        </NavbarBreadcrumb>
        <div class="padding15All flexcenter">
            <div class="padding15top" style="text-align:center;">
                <p>
                    <img style="width:100px;height:100px;" src="@/assets/img/system/dui.png" alt="">
                </p>
                <p>操作成功</p>
                <p>若您尚未完成企业实名认证，该产品将无法正常启用</p>
                <div class="padding15All">
                    <el-button type="primary" @click="goOrder">查看全部订单</el-button>
                    <el-button type="primary" @click="goBack">返回</el-button>
                </div>
            </div>
        </div>
        <div class="tableMain padding15All">
            <el-table
                ref="multipleTable"
                :data="tableData"
                tooltip-effect="dark"
                style="width: 100%;height:100%;"
                max-height="200"
                @selection-change="handleSelectionChange">
                <el-table-column
                    fixed
                    prop="a"
                    label="产品名称"
                    width="">
                </el-table-column>
                <el-table-column
                    prop="b"
                    label="订单编号"
                    width="">
                </el-table-column>
                <el-table-column
                    prop="d"
                    label="订单金额"
                    width="">
                </el-table-column>
            </el-table>
        </div>
    </div>
</template>

<script>
import NavbarBreadcrumb from '../components/NavbarBreadcrumb.vue'
export default {
    components: { NavbarBreadcrumb },
    data(){
        return{

            tableData: [
            {
                a:'合同14234122',
                b:'哈哈哈',
                c:'审批通过',
                d:'2000-11-11 11:11',
                e:'哈哈哈哈哈哈哈哈',
                f:'SAAS',
                g:'用印审批',
                h:'aaa，哈哈哈',
                i:' ASFA314412341234',
                j:'阿斯顿发空间阿斯顿发卡记录',
                k:'哈哈哈',
                l:'哈哈哈',
            }
        ],
        }
    },
     methods: {
        goOrder(){
            this.$router.push({name:'myOrder'},()=>{})
        },
        goBackr(){
            this.$router.go(-1)
        },
    },

}
</script>

<style lang="scss">
.payResult{
}
</style>

<style lang="scss" scoped>
.payResult{
    height: 100%;
    .deal{
        width: 100%;
        span{
            color: #999;
            font-size: 14px;
        }
    }
}
</style>